TEMPLATE: Destinations

Browser lacks capabilities required to play.

Upgrade or switch to another browser.

Loading…

<<set $subtitle to "Welcome!">> This is the ''third spell'' in Grim's Twine Grimoire's ''template'' series. Features include: * You can change passage subtitles as needed using <<''set''>> * Subtitles can be used for locations, labels, etc. * ''❞'' — Moves one passage forward. * ''❝'' — Moves one passage backward. * ''✸'' — Opens custom menu. * ''Dropdown menu'' navigation system: <<listbox "$location" autoselect>> <<option "Demo">> <<option "Start">> <<option "Install">> <<option "Location1">> <<option "Location2">> <<option "Location3">> <</listbox>><button><<link "GO">><<if $location is "Location1">><<goto "Location1">><</if>><<if $location is "Location2">><<goto "Location2">><</if>><<if $location is "Location3">><<goto "Location3">><</if>><<if $location is "Demo">><<goto "Demo">><</if>><<if $location is "Start">><<goto "Start">><</if>><<if $location is "Install">><<goto "Install">><</if>><</link>></button> [[Installation Instructions|Install]]

<<include "Subtitle">><div class="settings"><<link "✸">><<run UI.settings()>><</link>></div> <div class="settings"><<link "❞">><<run Engine.forward()>><</link>></div> <div class="settings"><<link "❝">><<run Engine.backward()>><</link>></div>

Whatever you want to put here, whether it's a settings menu, character profile, stats, an inventory, etc... ''ROOM?'' <<listbox "$location" autoselect>> <<option "Demo">> <<option "Start">> <<option "Install">> <<option "Location1">> <<option "Location2">> <<option "Location3">> <</listbox>><button><<link "GO">><<if $location is "Location1">><<goto "Location1">><</if>><<if $location is "Location2">><<goto "Location2">><</if>><<if $location is "Location3">><<goto "Location3">><</if>><<if $location is "Demo">><<goto "Demo">><</if>><<if $location is "Start">><<goto "Start">><</if>><<if $location is "Install">><<goto "Install">><</if>><</link>></button>

<div class="subtitle"><<type 40ms element "span">>$subtitle<</type>></div>

<<set $subtitle to "How to Install">>It's a simple process to install the template, which allows the user many customization options once imported into Twine. To get started: * ''Download'' the .zip file from itch * Open the Twine application * ''Import'' the index.html file * ❗ IMPORTANT: CHANGE THE IFID — FOLLOW <a href="https://manonamora.itch.io/twine-sugarcube-templates/devlog/568346/help-change-the-ifid-of-a-template">THIS TUTORIAL</a> ❗ * Make changes to the existing ''passages'' and add new ones as you desire * ''Publish to File'' and check out the build! Notice how the passage ''subtitle'' has changed. Whenever you want to edit it, use a <<''set''>> macro to change the subtitle variable's value to a new text string. You could use this header to record a scene's location, a character's name, or some other label of note. If you don't need more than one subtitle, just customize the default value in the StoryInit passage and you're good to go. Use the demo passages provided as a model for customization. [[Demonstration|Demo]]

<<set $subtitle to "Title or Subtitle or Byline">>

<<set $subtitle to "Demonstration">><<set $location to "hell">>Contrary to popular belief, //Lorem Ipsum// is not simply random text. It has roots in a piece of ''classical Latin literature'' from 45 BC, making it over 2000 years old. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by ''Cicero'', written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, //"Lorem ipsum dolor sit amet..."// comes from a line in ''section 1.10.32''. 1. [[This set of choices uses inline links.|Location1]] 2. [[Can I see the installation instructions again?|Install]] 3. [[Let's go somewhere else.|Location3]] ''OR KEEP EXPLORING:'' <<listbox "$location" autoselect>> <<option "Demo">> <<option "Start">> <<option "Install">> <<option "Location1">> <<option "Location2">> <<option "Location3">> <</listbox>><button><<link "GO">><<if $location is "Location1">><<goto "Location1">><</if>><<if $location is "Location2">><<goto "Location2">><</if>><<if $location is "Location3">><<goto "Location3">><</if>><<if $location is "Demo">><<goto "Demo">><</if>><<if $location is "Start">><<goto "Start">><</if>><<if $location is "Install">><<goto "Install">><</if>><</link>></button> <button>[[Restart?|Start]]</button>

<img src="map.png" width="250px"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <center>''ROOM?'' <<listbox "$location" autoselect>> <<option "Demo">> <<option "Start">> <<option "Install">> <<option "Location1">> <<option "Location2">> <<option "Location3">> <</listbox>><button><<link "GO">><<if $location is "Location1">><<goto "Location1">><</if>><<if $location is "Location2">><<goto "Location2">><</if>><<if $location is "Location3">><<goto "Location3">><</if>><<if $location is "Demo">><<goto "Demo">><</if>><<if $location is "Start">><<goto "Start">><</if>><<if $location is "Install">><<goto "Install">><</if>><</link>></button> <img src="grimoire.png" width="250px"></center>

<<set $subtitle to "Location3">>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. //To navigate somewhere else, select a location from the ''dropdown menu'' in the sidebar and hit ''GO''.//

<<set $subtitle to "Location2">>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. //To navigate somewhere else, select a location from the ''dropdown menu'' in the sidebar and hit ''GO''.//

<<set $subtitle to "Location1">>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. //To navigate somewhere else, select a location from the ''dropdown menu'' in the sidebar and hit ''GO''.//